<template>
    <header class="header">
        <span class="back-btn" v-if="backShow" @click="$bus.$emit('close')"><</span>
        <span>{{title}}</span>
        <span class="more-btn">...</span>
    </header>
</template>

<script>
export default {
    props:['title','backShow']
}
</script>
<style lang="scss">
    .header{
        width:100%;
        height: 44px;
        text-align: center;
        position: relative;
        line-height: 44px;
        background:#fff;
        .back-btn{
            width:40px;
            height: 40px;
            position: absolute;
            left:0;
            top:0;
        }
        .more-btn{
            width:40px;
            height: 40px;
            position: absolute;
            right:0;
            top:0;
        }
    }
</style>

